@import '../../../base/sass/mixins';
@import '../../../base/sass/index';
@import '../../../base/sass/px-to-rem';
 
.list{
    li{
        width: 100%;
        float: left;
        height: px2rem(266px);
        border-bottom: px2rem(1px) solid #e4e4e4;
        padding-top:px2rem(40px);
    }
}
.item_infor{
    width: px2rem(674px);
    height: px2rem(120px);
    margin:0 auto;
    padding-right: px2rem(8px);
    .infor_left{
        width: px2rem(370px);
        height: px2rem(120px);
        float: left;
        .head_pic{
            float: left;
            width: px2rem(120px);
            height: px2rem(120px);
            position: relative;
            border-radius: 50%;
            img{
                width:100%;
                border-radius: 50%;
                display: inline-block;
            }
            .adorn{ 
                position: absolute;
                right: 0.04rem;
                bottom: 0;
                width: px2rem(48px);
                max-height: px2rem(40px);
                z-index: 2;
                img{
                    width: 100%;
                    display: inline-block;
                }
            }
        }
        .basis_inofr{
            float: left;
            width: px2rem(226px);
            margin-left: px2rem(24px);
            p{
              text-align: left;
            }
            .nickName{
                font-size:px2rem(32px);
                color:#2d2d2d; 
                line-height: px2rem(38px);
                margin-bottom: px2rem(16px);
            }
            .isId,.isName{
                font-size:px2rem(24px);
                color:#b6b6b6;
                line-height: px2rem(28px);
                margin-bottom: px2rem(6px);
            }
        }
    }
    .infor_right{
        width: px2rem(300px);
        height: px2rem(120px);
        float: right;   
        p.popularize{
            text-align: right;
            font-size:px2rem(32px);
            color:#2d2d2d;
            line-height: px2rem(38px);
        }
    }
} 
.item_contact{
    display: flex;
    justify-content:space-around;
    width: 100%;
    height: px2rem(62px);
    margin-top: px2rem(40px);
    .contact_way{
        border:px2rem(2px) solid #9582fc;
        border-radius:px2rem(200px);
        width:px2rem(156px);
        height:px2rem(58px);
        text-align: center;
        line-height:px2rem(58px);
        font-size:px2rem(24px);
        color:#9582fc; 
    }
}